import React from 'react'
import './discover.less'
import { useHistory } from 'react-router-dom'
// import { Cell } from 'react-vant';
export default function Discover(props) {
    const history = useHistory()
    const from = (item) => {
        history.push({ pathname:item,state:props.location.pathname})
    }
    // videoNumber
    return (
        <div className='discover'>
            <div className='discovervideo' onClick={()=>{from('/main/circleFriends')}}>
                <p>
                    <svg className="icon icon-pengyouquan" aria-hidden="true">
                        <use xlinkHref='#icon-pengyouquan'></use>
                    </svg>
                    <span>朋友圈</span>
                </p>
                <p>
                    <svg className="icon icon-youjiantou" aria-hidden="true">
                        <use xlinkHref='#icon-youjiantou' ></use>
                    </svg>
                </p>
            </div>
            <div className='discovervideo'  onClick={()=>{from('/main/videoNumber')}}>
                <p>
                    <svg className="icon icon-pengyouquan icon-shexiangji" aria-hidden="true">
                        <use xlinkHref='#icon-shexiangji'></use>
                    </svg>
                    <span>视频号</span>
                </p>
                <p>
                    <svg className="icon icon-youjiantou" aria-hidden="true">
                        <use xlinkHref='#icon-youjiantou' ></use>
                    </svg>
                </p>
            </div>
            <div className='discovervideo'>
                <p>
                    <svg className="icon icon-pengyouquan icon-a-saoyisaosaoma-05-copy" aria-hidden="true">
                        <use xlinkHref='#icon-a-saoyisaosaoma-05-copy'></use>
                    </svg>
                    <span>扫一扫</span>
                </p>
                <p>
                    <svg className="icon icon-youjiantou" aria-hidden="true">
                        <use xlinkHref='#icon-youjiantou' ></use>
                    </svg>
                </p>
            </div>
            <div className='discovervideo'>
                <p>
                    <svg className="icon icon-pengyouquan icon-souyisou" aria-hidden="true">
                        <use xlinkHref='#icon-souyisou'></use>
                    </svg>
                    <span>搜一搜</span>
                </p>
                <p>
                    <svg className="icon icon-youjiantou" aria-hidden="true">
                        <use xlinkHref='#icon-youjiantou' ></use>
                    </svg>
                </p>
            </div>

        </div>
    )
}
